<template>
  <div>
    <el-button @click="visible = !visible"> {{ name1 }} </el-button>
    <el-dialog :visible.sync="visible" title="Hello world">
      <p>Try Element a is : {{ a }}  b is : {{ b }} msg is : {{ msg }}</p>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    "name1":String,
    "msg" : String
  },
  data: function () {
    return {
      visible: false,
      a: 123,
      b: 234
    }
  }
};
</script>

<!-- scoped 表示只在本文件生效 -->
<style scoped>

</style>

